@import "./assSucc.scss";
@import "./addTo.scss";
@import "./allAssess.scss";
#newAssess{
    .top{
        background: white;
        padding: .2rem 0;
        border-bottom: 1px solid #e6e6e6;
        .top-ul{
            display: flex;
            line-height:.2rem;
            .img{
                width:.8rem;
                height:.8rem;
                margin-left:.24rem;
                img{
                    width:100%;
                    height:100%;
                    border-radius:0.08rem;
                }
            }
            .good{
                font-size:.32rem;
                color:#323232;
                display: flex;
                align-items: center;
                margin-left: .7rem;
                span{
                    width: .32rem;
                    height: .32rem;
                    border-radius: 50%;
                    border: 1px solid #323232;
                    display: inline-block;
                    margin-right:.1rem;
                }
                
            }
            .active{
                color:#9948c3;
                font-size:.32rem;
                display: flex;
                align-items: center;
                margin-left: .7rem;
                span{
                    width: .32rem;
                    height: .32rem;
                    border-radius: 50%;
                    background:#9948c3;
                    border: 1px solid #9948c3;
                    display: inline-block;
                    margin-right:.1rem;
                }
            }
            .activeCenter {
                color: #9948c3;
                font-size: .32rem;
                display: flex;
                align-items: center;
                margin-left: .88rem;
                span {
                    width: .32rem;
                    height: .32rem;
                    border-radius: 50%;
                    background: #9948c3;
                    border: 1px solid #9948c3;
                    display: inline-block;
                    margin-right: .1rem;
                }
            }
            .goodCenter{
                font-size:.32rem;
                color:#323232;
                display: flex;
                align-items: center;
                margin-left: .88rem;
                span{
                    width: .32rem;
                    height: .32rem;
                    border-radius: 50%;
                    border: 1px solid #323232;
                    display: inline-block;
                    margin-right:.1rem;
                }

            }
        }
    }
    .context{
        padding-bottom: .5rem;
        background:white;
        textarea{
            font-size:.26rem;
            margin-top: .18rem;
            width:98%;
            height: 2rem;
            resize:none;
            outline: none;
            border: 0;
            color:#323232;
            margin-left: .24rem;
        }
        textarea::-webkit-input-placeholder{
            color:#969696;
            font-size:.26rem;
        }
        .uploadContainer{
            //overflow: hidden;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding-left: .24rem;
            .uploadImg{
                width: 1.14rem;
                height: 1.14rem;
                border-radius: .06rem;
                border: 1px dashed #e6e6e6;
                position: relative;
                label{
                    width: 100%;
                    height: 100%;
                    display: block;
                    background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/camera.png) no-repeat center center;
                    background-size: .7rem .57rem;
                }
                input[type=file]{
                    display: none;
                }
            }
            .uploadImg:not(:nth-of-type(1)){
                margin-left: .5rem;
            }
        }
    }
    .xing{
        background: white;
        margin-top: .2rem;
        .shopX{
            display: flex;
            img{
                width:.4rem;
                height:.4rem;
                margin: .36rem .22rem .43rem .24rem;
            }
            span{
                font-size:.3rem;
                color:#323232;
                margin-top: .36rem;
            }
        }
        .num{
            display: flex;
            padding-bottom:.26rem;
            h1{
                font-size:.3rem;
                color:#323232;
                display: inline-block;
                margin-left:.24rem;
                font-weight: normal;
            }
            img{
                width:.4rem;
                height:.4rem;
                margin-left:.4rem;
            }
            span{
                width:.4rem;
                height:.4rem;
                margin-left:.4rem;
            }
            .noAssess{
                background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/assess/star_c.png) no-repeat center center;
                background-size: .4rem .4rem;
            }
            .Assessed{
                background: url(https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/assess/star_b.png) no-repeat center center;
                background-size: .4rem .4rem;
            }
        }
    }
    .btn{
        width:6.6rem;
        height:.9rem;
        background: #9948c3;
        border-radius:.12rem;
        color:#ffffff;
        font-size:.3rem;
        margin:0 auto;
        display: block;
        margin-top: 1.04rem;
    }
}